page {
  background-color: #f5f5f5;
  padding-top: 20rpx;
}

// 头像按钮样式
.avatar-button {
  background-color: transparent;
  display: flex;
  justify-content: flex-end;
  padding-right: 0;
  height: 80rpx;
  width: 100%;

  &::after {
    border: none;
  }

  .image {
    height: 80rpx;
    width: 80rpx;
    border-radius: 50%;
  }
}

// 昵称修改按钮样式
.nickname-button {
  display: flex;

  button {
    width: 50%;
    background-color: transparent;

    &:after {
      border: none;
    }
  }

  .cancel {
    color: #333;
    font-size: 34rpx;

    &:active {
      background-color: #f5f5f5;
    }
  }

  .confirm {
    color: #fa4126;
    font-size: 34rpx;

    &:active {
      background-color: #f5f5f5;
    }
  }
}

// 输入框样式
.input-name {
  border: 1px solid #ccc;
  margin: 40rpx 40rpx;
  height: 60rpx;
  line-height: 60rpx;
  border-radius: 16rpx;
  padding: 6rpx 12rpx;
  padding-left: 20rpx;
}
